<template>
	<view class="paysuc">
		<h3>支付成功</h3>
		<p>商家正在打包，请耐心等待</p>
		<view class="nav">
			<navigator class="order" url="/pages/order/order" hover-class="none" open-type="switchTab">查看订单</navigator>
			<navigator class="home" url="/pages/index/index" hover-class="none" open-type="switchTab">返回首页</navigator>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	page {
		background-image: url('@/static/sort/img/paysuc.webp');
		background-repeat: no-repeat;
		background-size: cover;
		background-attachment: fixed;

		.paysuc {
			// width: 80%;
			margin: 0 auto;
			position: relative;
			top: 60px;

			h3,
			p {
				text-align: center;
				margin: 15px 0;
			}

			p {
				font-size: 14px;
				color: #878787;
			}

			.nav {
				display: flex;
				justify-content: space-evenly;
				align-items: center;
				font-size: 14px;

				.order {
					color: #a397fd;
				}
				.home {
					line-height: 28px;
					background-color: #a397fd;
					padding: 0 50rpx;
					border-radius: 50rpx;
					color: white;
				}
			}

		}
	}
</style>
